.container {
  background-color: skyblue;
  margin: 0 auto;
  /* min-width: 60%; */
  width: 600px;
  max-width: 80%;
  border: 1px solid gray;
  border-radius: 10px;
  padding: 30px 15px;
}

h1 {
  text-align: center;
  margin-top: 20px;
}

.todo-list {
  /* background-color: pink; */
  padding: 0;
}

.todo-list>li {
  list-style-type: none;
  list-style-position: outside;
  background-color: #aaa;
  line-height: 30px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border: 1px solid #fff;
  border-radius: 10px;
}

.sub-item li {
  list-style-type: square;
  padding-left: 10px;
  padding-bottom: 20px;
}


a {
  text-decoration: none;
}

a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a:hover {
  color: green;
}

a:focus {
  color: white;
  outline: 3px white;
}

a:active {
  color: red;
}